﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<QuanLyNhaThuoc.Models.AccountModel>" %>

<!DOCTYPE html>
<html class="bg-black">
<head runat="server">
    <meta charset="UTF-8" />
    <title>
        <%:ViewBag.Title %></title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
        name='viewport' />
    <link href="/Content/themes/Pharma/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/Content/themes/Pharma/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="/Content/themes/Pharma/AdminLTE.css" rel="stylesheet" type="text/css" />
    <link href="/Content/themes/Pharma/Pharmacy.css" rel="stylesheet" type="text/css" />
    <!-- jQuery 2.0.2 -->
    <script src="/Scripts/Pharma/jquery.min.js" type="text/javascript"></script>
    <!-- Jquery Validate -->
    <script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
          <script type="text/javascript" src="/Scripts/Pharma/html5shiv.js"></script>
          <script type="text/javascript" src="/Scripts/Pharma/respond.min.js"></script>          
        <![endif]-->
    <script type="text/javascript">
        (function ($, W, D) {
            var JQUERY4U = {};

            JQUERY4U.UTIL =
        {
            setupFormValidation: function () {
                //form validation rules
                $("#LogIn-Form").validate({
                    rules: {
                        UserName: "required",
                        PassWord: "required"
                    },
                    messages: {
                        UserName: "(*)",
                        PassWord: "(*)"
                    },
                    submitHandler: function (form) {
                        form.submit();
                    }
                });
            }
        }

            //when the dom has loaded setup form validation rules
            $(D).ready(function ($) {
                JQUERY4U.UTIL.setupFormValidation();
            });

        })(jQuery, window, document);
    </script>
</head>
<body class="bg-black">
    <div class="form-box" id="login-box">
        <div style="text-align: center; margin-bottom: 5px; color: White; font-weight: bold;
            font-family: 'Kaushan Script',cursive">
            <!-- Add the class icon to your logo image or logo icon to add the margining -->
            <img src="/Images/logo.png" alt="logo" width="45px" height="45px" />Pharmacy Management
            Online
        </div>
        <div class="header">
            Đăng Nhập</div>
        <% using (Html.BeginForm("LoginAction", "Account", FormMethod.Post, new { id = "LogIn-Form" }))
           { %>
        <div class="body bg-gray">
            <div class="form-group">
                <%: Html.TextBoxFor(m => m.UserName, new { @name = "userid", @placeholder = "User ID", @class = "form-control", @style = "width:100%" })%>
            </div>
            <div class="form-group">
                <%: Html.TextBoxFor(m => m.PassWord, new { @name = "password", @class = "form-control", @type = "password", @placeholder = "Password", @style = "width:100%" })%>
            </div>
        </div>
        <div class="footer">
            <button type="submit" class="btn bg-olive btn-block">
                Đăng nhập</button>
            <p>
                <a href="#">Quên mật khẩu?</a></p>
            <a href="#" class="text-center">Đăng ký</a>
        </div>
    </div>
    <!-- Bootstrap -->
    <script src="/Scripts/Pharma/bootstrap.min.js" type="text/javascript"></script>
    <% } %>
</body>
</html>
